<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.6.0.min.js">
    </script>


    <script>
        /*函数执行顺序问题
        *  $(document).ready()和传统的方法<body οnlοad=”load()”> 相似，
        * 不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素
        * （例如图片）的加载。而$(document).ready()所要执行的代码是在DOM元素被加载完成
        * 的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快。*/

        /*这个 是 $(document).ready(function(){})  的缩写*/
        $(function (){
            alert('dom元素加载完成才会执行这段代码')
        })

        var fun=function (){
            alert(222)
        }

        fun();


        alert(123);

        var num=10;
        alert(num)

    </script>
</head>
<body>

</body>
</html>